Adobe Experience Manager | AEM Developer Masterclass

Explore Adobe Experience Manager as a CMS and DAM built on OSGi, Sling, and JCR, with drag-and-drop authoring, templates, multichannel delivery, cloud native, and integrations with Adobe Analytics.

Explore Adobe Experience Manager architecture, including OSGi modular design, Apache Felix, JCR Jackrabbit, Sling, and the author, publish, and dispatcher workflow delivering cached content via replication and load balancing.

Explore Adobe Experience Manager as a Cloud Service architecture. It standardizes deployment for content management, authoring, asset management, and experience delivery with scalable publish and preview tires and integrated ci/cd.

AEM as a cloud service auto-scales with zero downtime, unlike earlier versions, uses cloud manager with immutable apps and libs, and relies on a single package while keeping content mutable.

Set up am by installing Java 11, Maven, and the quick start jar, then configure author and publish instances on ports 4502 and 4503.

Explore the essential AEM consoles on the Am server, including the Aim site's console, assets, CR console, XCD development environment, Felix console, OSGi bundles, and templates.

Install the AEM navigator extension from the Chrome Web Store, configure the author URL origin to http://localhost:4502, and quickly access sites, templates, assets, and content dam.

Explore creating an Adobe Experience Manager project using the maven archetype, which provides a ready-to-build starter with predefined components and frontend tooling like Webpack, TypeScript, and Sass.

Explore the am project modules created by the maven archetype, including core, ui apps, dispatcher, ui config, and ui frontend, and learn how to deploy the core bundle efficiently.

Import the am project into Eclipse using Maven, then clean and update the project to resolve core bundle errors, and begin development of components and model classes.

Debug and resolve a core bundle deployment issue in AEM by inspecting the OSGi bundle state, updating the version in pom.xml, and rebuilding to an active bundle.

Master authoring basics in Adobe Experience Manager by creating pages, adding components with the plus icon or drag-and-drop, and configuring page properties for seo.

Understand what a component is in Adobe Experience Manager, and how to build, reuse, and configure components across templates. Explore core and custom components, dialogues, properties, models, and styling.

Create your first AEM component in the CRC light console, set the JCR title and component group, save properties, and prepare for the upcoming dialog layer.

Explore designing structured dialogues for AEM components, enabling authors to configure input fields with tabs, and leverage core components and dialogue structures for efficient content authoring.

Configure the dialog resource types for AEM components by managing tab count and adding fields with resource types such as path browser, text field, rich text, and select.

Master Sightly as the HTML template language in Adobe Experience Manager, learn its secure, simplified, and cost-effective template approach, using properties and current page to render dynamic content.

Master Sightly HTL block statements such as data-sly-test, data-sly-list, data-sly-text, data-sly-attribute, data-sly-include, and data-sly-use, using authored title properties and the use API to bridge back-end and front-end.

Explore how Adobe Experience Manager clientlibs organize and load JavaScript and CSS, including creating a client library folder, setting categories and dependencies, and understanding embed and proxy options.

Learn to build and wire AEM client libraries for a component by configuring proxy and category am dot tutorials, and organizing css/js folders and txt files.

Explore how sling resolution maps dialog inputs to JCR content properties, decomposes URLs, and resolves components through resource types in Adobe Experience Manager.

Back up work by creating a package with filters for components and client libs, then install to restore changes; use Visual Studio with Am Sync to import from Am server.

Create the employee details component with five fields and conditionally render its div when the name is entered, applying powder blue styling through a custom client library.

Learn how sling models map resources and requests in AEM, using the add model annotation and value map injection to build and deploy a component model.

Explore sling model annotations like add default, add required or optional, and add named, and learn how post construct executes after field injections.

Explore the importance of JUnit in AEM development, learn to create JUnit test classes for sling models, and understand how Cloud Manager's CI/CD pipeline drives code quality and coverage.

Create and load a Json resource for a sling model in AEM, using a mock am context, map json values to model fields, and validate with JUnit.

Create an employee details sling model, inject its fields, and generate getters. Render the values from the model instead of the properties object and add a JUnit test.

Access the course code through the GitHub repository linked in the resources, clone when stuck, and follow along with tutorial videos and lab exercises to build solutions.

Create a multi field component in AEM by enabling add, reorder, and remove of eyebrow and header fields within the component dialog, while keeping title and text singular.

Develop sling models for a multifield component by building a main model and a multi-field list model, injecting and accessing title, text, eyebrow, and header with composite fields.

Learn to create a JUnit test for a sling model of a multi-field component in AEM. The guide covers test class setup and validating multi-field list items with json resources.

Extend the employee details component with a multi-field skills node, update the sling model and HTML to render skills, and revise the JUnit tests before deploying to AEM.